<template>
  <div class="page">
    <div class="header"></div>
    <div class="select">
      <h3>国内景点</h3>
      <h4>省份</h4>
      <div class="provinces">
        <div
          class="p"
          v-for="(item,ind) in provinceList"
          :key="ind"
          @click="selectProvince(item)"
        >{{item.name}}</div>
        <div class="clearfix"></div>
      </div>
      <!-- <h4>地点</h4>
      <div class="row">
        <div
          class="i"
          v-for="(item,index) in spotList[provinceId]"
          :key="index"
          @click="spot(item)"
        >{{item.cityName}}</div>
        <div class="clearfix"></div>
      </div> -->
    </div>
    <div class="spots">
      <spotbox v-for="(item,index) in spots" :key="index" :it="item"></spotbox>
    </div>
  </div>
</template>

<script>
import spotbox from "@/components/spot/spotbox";
export default {
  components: { spotbox },
  data() {
    return {
      list: [
        { cityId: "2", cityName: "安徽", provinceId: "2" },
        { cityId: "45", cityName: "黄山", provinceId: "2" },
        { cityId: "42", cityName: "合肥", provinceId: "2" },
        { cityId: "51", cityName: "宣城", provinceId: "2" },
        { cityId: "39", cityName: "池州", provinceId: "2" },
        { cityId: "36", cityName: "安庆", provinceId: "2" },
        { cityId: "46", cityName: "六安", provinceId: "2" },
        { cityId: "50", cityName: "芜湖", provinceId: "2" },
        { cityId: "40", cityName: "滁州", provinceId: "2" },
        { cityId: "52", cityName: "亳州", provinceId: "2" },
        { cityId: "41", cityName: "阜阳", provinceId: "2" },
        { cityId: "47", cityName: "马鞍山", provinceId: "2" },
        { cityId: "49", cityName: "铜陵", provinceId: "2" },
        { cityId: "48", cityName: "宿州", provinceId: "2" },
        { cityId: "37", cityName: "蚌埠", provinceId: "2" },
        { cityId: "44", cityName: "淮南", provinceId: "2" },
        { cityId: "38", cityName: "巢湖", provinceId: "2" },
        { cityId: "4", cityName: "福建", provinceId: "4" },
        { cityId: "61", cityName: "厦门", provinceId: "4" },
        { cityId: "54", cityName: "福州", provinceId: "4" },
        { cityId: "59", cityName: "泉州", provinceId: "4" },
        { cityId: "62", cityName: "漳州", provinceId: "4" },
        { cityId: "56", cityName: "南平", provinceId: "4" },
        { cityId: "55", cityName: "龙岩", provinceId: "4" },
        { cityId: "60", cityName: "三明", provinceId: "4" },
        { cityId: "57", cityName: "宁德", provinceId: "4" },
        { cityId: "58", cityName: "莆田", provinceId: "4" },
        { cityId: "3", cityName: "北京", provinceId: "3" },
        { cityId: "53", cityName: "北京", provinceId: "3" },
        { cityId: "5", cityName: "甘肃", provinceId: "5" },
        { cityId: "68", cityName: "酒泉", provinceId: "5" },
        { cityId: "76", cityName: "张掖", provinceId: "5" },
        { cityId: "69", cityName: "兰州", provinceId: "5" },
        { cityId: "74", cityName: "天水", provinceId: "5" },
        { cityId: "72", cityName: "平凉", provinceId: "5" },
        { cityId: "64", cityName: "定西", provinceId: "5" },
        { cityId: "66", cityName: "嘉峪关", provinceId: "5" },
        { cityId: "75", cityName: "武威", provinceId: "5" },
        { cityId: "70", cityName: "临夏", provinceId: "5" },
        { cityId: "71", cityName: "陇南", provinceId: "5" },
        { cityId: "67", cityName: "金昌", provinceId: "5" },
        { cityId: "65", cityName: "甘南", provinceId: "5" },
        { cityId: "63", cityName: "白银", provinceId: "5" },
        { cityId: "6", cityName: "广东", provinceId: "6" },
        { cityId: "80", cityName: "广州", provinceId: "6" },
        { cityId: "87", cityName: "清远", provinceId: "6" },
        { cityId: "91", cityName: "深圳", provinceId: "6" },
        { cityId: "82", cityName: "惠州", provinceId: "6" },
        { cityId: "83", cityName: "江门", provinceId: "6" },
        { cityId: "79", cityName: "佛山", provinceId: "6" },
        { cityId: "78", cityName: "东莞", provinceId: "6" },
        { cityId: "86", cityName: "梅州", provinceId: "6" },
        { cityId: "92", cityName: "阳江", provinceId: "6" },
        { cityId: "97", cityName: "珠海", provinceId: "6" },
        { cityId: "96", cityName: "中山", provinceId: "6" },
        { cityId: "81", cityName: "河源", provinceId: "6" },
        { cityId: "90", cityName: "韶关", provinceId: "6" },
        { cityId: "88", cityName: "汕头", provinceId: "6" },
        { cityId: "95", cityName: "肇庆", provinceId: "6" },
        { cityId: "85", cityName: "茂名", provinceId: "6" },
        { cityId: "94", cityName: "湛江", provinceId: "6" },
        { cityId: "84", cityName: "揭阳", provinceId: "6" },
        { cityId: "77", cityName: "潮州", provinceId: "6" },
        { cityId: "93", cityName: "云浮", provinceId: "6" },
        { cityId: "89", cityName: "汕尾", provinceId: "6" },
        { cityId: "7", cityName: "广西", provinceId: "7" },
        { cityId: "102", cityName: "桂林", provinceId: "7" },
        { cityId: "108", cityName: "南宁", provinceId: "7" },
        { cityId: "99", cityName: "北海", provinceId: "7" },
        { cityId: "107", cityName: "柳州", provinceId: "7" },
        { cityId: "104", cityName: "河池", provinceId: "7" },
        { cityId: "100", cityName: "崇左", provinceId: "7" },
        { cityId: "105", cityName: "贺州", provinceId: "7" },
        { cityId: "98", cityName: "百色", provinceId: "7" },
        { cityId: "111", cityName: "玉林", provinceId: "7" },
        { cityId: "110", cityName: "梧州", provinceId: "7" },
        { cityId: "106", cityName: "来宾", provinceId: "7" },
        { cityId: "101", cityName: "防城港", provinceId: "7" },
        { cityId: "103", cityName: "贵港", provinceId: "7" },
        { cityId: "109", cityName: "钦州", provinceId: "7" },
        { cityId: "8", cityName: "贵州", provinceId: "8" },
        { cityId: "114", cityName: "贵阳", provinceId: "8" },
        { cityId: "120", cityName: "遵义", provinceId: "8" },
        { cityId: "119", cityName: "铜仁", provinceId: "8" },
        { cityId: "112", cityName: "安顺", provinceId: "8" },
        { cityId: "117", cityName: "黔南", provinceId: "8" },
        { cityId: "116", cityName: "黔东南", provinceId: "8" },
        { cityId: "118", cityName: "黔西南", provinceId: "8" },
        { cityId: "115", cityName: "六盘水", provinceId: "8" },
        { cityId: "113", cityName: "毕节", provinceId: "8" },
        { cityId: "9", cityName: "海南", provinceId: "9" },
        { cityId: "133", cityName: "三亚", provinceId: "9" },
        { cityId: "127", cityName: "海口", provinceId: "9" },
        { cityId: "131", cityName: "琼海", provinceId: "9" },
        { cityId: "122", cityName: "保亭", provinceId: "9" },
        { cityId: "138", cityName: "儋州", provinceId: "9" },
        { cityId: "135", cityName: "万宁", provinceId: "9" },
        { cityId: "136", cityName: "文昌", provinceId: "9" },
        { cityId: "130", cityName: "陵水", provinceId: "9" },
        { cityId: "137", cityName: "五指山", provinceId: "9" },
        { cityId: "125", cityName: "定安县", provinceId: "9" },
        { cityId: "123", cityName: "昌江", provinceId: "9" },
        { cityId: "132", cityName: "琼中", provinceId: "9" },
        { cityId: "129", cityName: "临高县", provinceId: "9" },
        { cityId: "134", cityName: "屯昌县", provinceId: "9" },
        { cityId: "10", cityName: "河北", provinceId: "10" },
        { cityId: "146", cityName: "石家庄", provinceId: "10" },
        { cityId: "139", cityName: "保定", provinceId: "10" },
        { cityId: "147", cityName: "唐山", provinceId: "10" },
        { cityId: "141", cityName: "承德", provinceId: "10" },
        { cityId: "144", cityName: "廊坊", provinceId: "10" },
        { cityId: "142", cityName: "邯郸", provinceId: "10" },
        { cityId: "145", cityName: "秦皇岛", provinceId: "10" },
        { cityId: "148", cityName: "邢台", provinceId: "10" },
        { cityId: "149", cityName: "张家口", provinceId: "10" },
        { cityId: "140", cityName: "沧州", provinceId: "10" },
        { cityId: "143", cityName: "衡水", provinceId: "10" },
        { cityId: "11", cityName: "河南", provinceId: "11" },
        { cityId: "163", cityName: "郑州", provinceId: "11" },
        { cityId: "155", cityName: "洛阳", provinceId: "11" },
        { cityId: "160", cityName: "新乡", provinceId: "11" },
        { cityId: "154", cityName: "开封", provinceId: "11" },
        { cityId: "150", cityName: "安阳", provinceId: "11" },
        { cityId: "156", cityName: "南阳", provinceId: "11" },
        { cityId: "157", cityName: "平顶山", provinceId: "11" },
        { cityId: "161", cityName: "信阳", provinceId: "11" },
        { cityId: "153", cityName: "焦作", provinceId: "11" },
        { cityId: "162", cityName: "许昌", provinceId: "11" },
        { cityId: "158", cityName: "三门峡", provinceId: "11" },
        { cityId: "165", cityName: "驻马店", provinceId: "11" },
        { cityId: "159", cityName: "商丘", provinceId: "11" },
        { cityId: "151", cityName: "鹤壁", provinceId: "11" },
        { cityId: "152", cityName: "济源", provinceId: "11" },
        { cityId: "167", cityName: "濮阳", provinceId: "11" },
        { cityId: "164", cityName: "周口", provinceId: "11" },
        { cityId: "166", cityName: "漯河", provinceId: "11" },
        { cityId: "13", cityName: "湖北", provinceId: "13" },
        { cityId: "192", cityName: "武汉", provinceId: "13" },
        { cityId: "197", cityName: "宜昌", provinceId: "13" },
        { cityId: "195", cityName: "襄阳", provinceId: "13" },
        { cityId: "189", cityName: "十堰", provinceId: "13" },
        { cityId: "183", cityName: "黄冈", provinceId: "13" },
        { cityId: "182", cityName: "恩施", provinceId: "13" },
        { cityId: "194", cityName: "咸宁", provinceId: "13" },
        { cityId: "186", cityName: "荆州", provinceId: "13" },
        { cityId: "185", cityName: "荆门", provinceId: "13" },
        { cityId: "188", cityName: "神农架林区", provinceId: "13" },
        { cityId: "184", cityName: "黄石", provinceId: "13" },
        { cityId: "190", cityName: "随州", provinceId: "13" },
        { cityId: "196", cityName: "孝感", provinceId: "13" },
        { cityId: "182", cityName: "恩施土家族苗族自治州", provinceId: "13" },
        { cityId: "181", cityName: "鄂州", provinceId: "13" },
        { cityId: "14", cityName: "湖南", provinceId: "14" },
        { cityId: "199", cityName: "长沙", provinceId: "14" },
        { cityId: "210", cityName: "张家界", provinceId: "14" },
        { cityId: "206", cityName: "湘西", provinceId: "14" },
        { cityId: "209", cityName: "岳阳", provinceId: "14" },
        { cityId: "198", cityName: "常德", provinceId: "14" },
        { cityId: "200", cityName: "郴州", provinceId: "14" },
        { cityId: "205", cityName: "湘潭", provinceId: "14" },
        { cityId: "202", cityName: "怀化", provinceId: "14" },
        { cityId: "203", cityName: "娄底", provinceId: "14" },
        { cityId: "201", cityName: "衡阳", provinceId: "14" },
        { cityId: "211", cityName: "株洲", provinceId: "14" },
        { cityId: "208", cityName: "永州", provinceId: "14" },
        { cityId: "207", cityName: "益阳", provinceId: "14" },
        { cityId: "204", cityName: "邵阳", provinceId: "14" },
        { cityId: "15", cityName: "吉林", provinceId: "15" },
        { cityId: "214", cityName: "长春", provinceId: "15" },
        { cityId: "215", cityName: "吉林", provinceId: "15" },
        { cityId: "213", cityName: "白山", provinceId: "15" },
        { cityId: "220", cityName: "延边", provinceId: "15" },
        { cityId: "220", cityName: "延边朝鲜族自治州", provinceId: "15" },
        { cityId: "4569", cityName: "长白山", provinceId: "15" },
        { cityId: "4569", cityName: "长白山保护区", provinceId: "15" },
        { cityId: "219", cityName: "通化", provinceId: "15" },
        { cityId: "16", cityName: "江苏", provinceId: "16" },
        { cityId: "226", cityName: "苏州", provinceId: "16" },
        { cityId: "224", cityName: "南京", provinceId: "16" },
        { cityId: "229", cityName: "无锡", provinceId: "16" },
        { cityId: "221", cityName: "常州", provinceId: "16" },
        { cityId: "232", cityName: "扬州", provinceId: "16" },
        { cityId: "231", cityName: "盐城", provinceId: "16" },
        { cityId: "230", cityName: "徐州", provinceId: "16" },
        { cityId: "225", cityName: "南通", provinceId: "16" },
        { cityId: "233", cityName: "镇江", provinceId: "16" },
        { cityId: "228", cityName: "泰州", provinceId: "16" },
        { cityId: "223", cityName: "连云港", provinceId: "16" },
        { cityId: "222", cityName: "淮安", provinceId: "16" },
        { cityId: "227", cityName: "宿迁", provinceId: "16" },
        { cityId: "17", cityName: "江西", provinceId: "17" },
        { cityId: "239", cityName: "南昌", provinceId: "17" },
        { cityId: "241", cityName: "上饶", provinceId: "17" },
        { cityId: "238", cityName: "九江", provinceId: "17" },
        { cityId: "235", cityName: "赣州", provinceId: "17" },
        { cityId: "243", cityName: "宜春", provinceId: "17" },
        { cityId: "237", cityName: "景德镇", provinceId: "17" },
        { cityId: "236", cityName: "吉安", provinceId: "17" },
        { cityId: "240", cityName: "萍乡", provinceId: "17" },
        { cityId: "234", cityName: "抚州", provinceId: "17" },
        { cityId: "244", cityName: "鹰潭", provinceId: "17" },
        { cityId: "242", cityName: "新余", provinceId: "17" },
        { cityId: "18", cityName: "辽宁", provinceId: "18" },
        { cityId: "256", cityName: "沈阳", provinceId: "18" },
        { cityId: "248", cityName: "大连", provinceId: "18" },
        { cityId: "245", cityName: "鞍山", provinceId: "18" },
        { cityId: "255", cityName: "盘锦", provinceId: "18" },
        { cityId: "246", cityName: "本溪", provinceId: "18" },
        { cityId: "249", cityName: "丹东", provinceId: "18" },
        { cityId: "253", cityName: "锦州", provinceId: "18" },
        { cityId: "258", cityName: "营口", provinceId: "18" },
        { cityId: "247", cityName: "朝阳", provinceId: "18" },
        { cityId: "251", cityName: "阜新", provinceId: "18" },
        { cityId: "254", cityName: "辽阳", provinceId: "18" },
        { cityId: "252", cityName: "葫芦岛", provinceId: "18" },
        { cityId: "250", cityName: "抚顺", provinceId: "18" },
        { cityId: "257", cityName: "铁岭", provinceId: "18" },
        { cityId: "20", cityName: "宁夏", provinceId: "20" },
        { cityId: "274", cityName: "银川", provinceId: "20" },
        { cityId: "271", cityName: "固原", provinceId: "20" },
        { cityId: "273", cityName: "吴忠", provinceId: "20" },
        { cityId: "3105", cityName: "中卫", provinceId: "20" },
        { cityId: "272", cityName: "石嘴山", provinceId: "20" },
        { cityId: "21", cityName: "青海", provinceId: "21" },
        { cityId: "281", cityName: "西宁", provinceId: "21" },
        { cityId: "276", cityName: "海北", provinceId: "21" },
        { cityId: "277", cityName: "海东", provinceId: "21" },
        { cityId: "279", cityName: "海西蒙古族藏族自治州", provinceId: "21" },
        { cityId: "278", cityName: "海南藏族", provinceId: "21" },
        { cityId: "279", cityName: "海西", provinceId: "21" },
        { cityId: "22", cityName: "山东", provinceId: "22" },
        { cityId: "292", cityName: "青岛", provinceId: "22" },
        { cityId: "297", cityName: "烟台", provinceId: "22" },
        { cityId: "291", cityName: "临沂", provinceId: "22" },
        { cityId: "287", cityName: "济南", provinceId: "22" },
        { cityId: "296", cityName: "潍坊", provinceId: "22" },
        { cityId: "295", cityName: "威海", provinceId: "22" },
        { cityId: "299", cityName: "淄博", provinceId: "22" },
        { cityId: "288", cityName: "济宁", provinceId: "22" },
        { cityId: "294", cityName: "泰安", provinceId: "22" },
        { cityId: "293", cityName: "日照", provinceId: "22" },
        { cityId: "298", cityName: "枣庄", provinceId: "22" },
        { cityId: "290", cityName: "聊城", provinceId: "22" },
        { cityId: "284", cityName: "德州", provinceId: "22" },
        { cityId: "286", cityName: "菏泽", provinceId: "22" },
        { cityId: "283", cityName: "滨州", provinceId: "22" },
        { cityId: "289", cityName: "莱芜", provinceId: "22" },
        { cityId: "285", cityName: "东营", provinceId: "22" },
        { cityId: "23", cityName: "山西", provinceId: "23" },
        { cityId: "307", cityName: "太原", provinceId: "23" },
        { cityId: "310", cityName: "运城", provinceId: "23" },
        { cityId: "303", cityName: "晋中", provinceId: "23" },
        { cityId: "304", cityName: "临汾", provinceId: "23" },
        { cityId: "301", cityName: "大同", provinceId: "23" },
        { cityId: "302", cityName: "晋城", provinceId: "23" },
        { cityId: "300", cityName: "长治", provinceId: "23" },
        { cityId: "308", cityName: "忻州", provinceId: "23" },
        { cityId: "309", cityName: "阳泉", provinceId: "23" },
        { cityId: "305", cityName: "吕梁", provinceId: "23" },
        { cityId: "306", cityName: "朔州", provinceId: "23" },
        { cityId: "24", cityName: "陕西", provinceId: "24" },
        { cityId: "317", cityName: "西安", provinceId: "24" },
        { cityId: "312", cityName: "宝鸡", provinceId: "24" },
        { cityId: "318", cityName: "咸阳", provinceId: "24" },
        { cityId: "316", cityName: "渭南", provinceId: "24" },
        { cityId: "319", cityName: "延安", provinceId: "24" },
        { cityId: "313", cityName: "汉中", provinceId: "24" },
        { cityId: "314", cityName: "商洛", provinceId: "24" },
        { cityId: "311", cityName: "安康", provinceId: "24" },
        { cityId: "315", cityName: "铜川", provinceId: "24" },
        { cityId: "320", cityName: "榆林", provinceId: "24" },
        { cityId: "27", cityName: "天津", provinceId: "27" },
        { cityId: "343", cityName: "天津", provinceId: "27" },
        { cityId: "26", cityName: "四川", provinceId: "26" },
        { cityId: "324", cityName: "成都", provinceId: "26" },
        { cityId: "333", cityName: "绵阳", provinceId: "26" },
        { cityId: "330", cityName: "乐山", provinceId: "26" },
        { cityId: "329", cityName: "广元", provinceId: "26" },
        { cityId: "334", cityName: "南充", provinceId: "26" },
        { cityId: "322", cityName: "阿坝", provinceId: "26" },
        { cityId: "326", cityName: "德阳", provinceId: "26" },
        { cityId: "331", cityName: "凉山", provinceId: "26" },
        { cityId: "338", cityName: "雅安", provinceId: "26" },
        { cityId: "339", cityName: "宜宾", provinceId: "26" },
        { cityId: "341", cityName: "自贡", provinceId: "26" },
        { cityId: "342", cityName: "泸州", provinceId: "26" },
        { cityId: "332", cityName: "眉山", provinceId: "26" },
        { cityId: "327", cityName: "甘孜", provinceId: "26" },
        { cityId: "323", cityName: "巴中", provinceId: "26" },
        { cityId: "337", cityName: "遂宁", provinceId: "26" },
        { cityId: "328", cityName: "广安", provinceId: "26" },
        { cityId: "322", cityName: "阿坝藏族羌族自治州", provinceId: "26" },
        { cityId: "325", cityName: "达州", provinceId: "26" },
        { cityId: "336", cityName: "攀枝花", provinceId: "26" },
        { cityId: "335", cityName: "内江", provinceId: "26" },
        { cityId: "331", cityName: "凉山彝族自治州", provinceId: "26" },
        { cityId: "327", cityName: "甘孜藏族自治州", provinceId: "26" },
        { cityId: "29", cityName: "新疆", provinceId: "29" },
        { cityId: "363", cityName: "吐鲁番", provinceId: "29" },
        { cityId: "364", cityName: "乌鲁木齐", provinceId: "29" },
        { cityId: "351", cityName: "阿克苏", provinceId: "29" },
        { cityId: "358", cityName: "喀什", provinceId: "29" },
        { cityId: "355", cityName: "昌吉", provinceId: "29" },
        { cityId: "356", cityName: "哈密", provinceId: "29" },
        { cityId: "3114", cityName: "阿勒泰地区", provinceId: "29" },
        { cityId: "353", cityName: "巴音郭楞", provinceId: "29" },
        { cityId: "360", cityName: "克孜勒苏柯尔克孜", provinceId: "29" },
        { cityId: "366", cityName: "伊犁", provinceId: "29" },
        { cityId: "363", cityName: "吐鲁番地区", provinceId: "29" },
        { cityId: "354", cityName: "博尔塔拉", provinceId: "29" },
        { cityId: "3114", cityName: "阿勒泰", provinceId: "29" },
        { cityId: "357", cityName: "和田", provinceId: "29" },
        { cityId: "359", cityName: "克拉玛依", provinceId: "29" },
        { cityId: "28", cityName: "西藏", provinceId: "28" },
        { cityId: "346", cityName: "拉萨", provinceId: "28" },
        { cityId: "347", cityName: "林芝", provinceId: "28" },
        { cityId: "348", cityName: "那曲", provinceId: "28" },
        { cityId: "349", cityName: "日喀则地区", provinceId: "28" },
        { cityId: "350", cityName: "山南", provinceId: "28" },
        { cityId: "25", cityName: "上海", provinceId: "25" },
        { cityId: "321", cityName: "上海", provinceId: "25" },
        { cityId: "30", cityName: "云南", provinceId: "30" },
        { cityId: "373", cityName: "昆明", provinceId: "30" },
        { cityId: "369", cityName: "大理", provinceId: "30" },
        { cityId: "380", cityName: "西双版纳", provinceId: "30" },
        { cityId: "374", cityName: "丽江", provinceId: "30" },
        { cityId: "367", cityName: "保山", provinceId: "30" },
        { cityId: "372", cityName: "红河", provinceId: "30" },
        { cityId: "370", cityName: "德宏", provinceId: "30" },
        { cityId: "377", cityName: "曲靖", provinceId: "30" },
        { cityId: "368", cityName: "楚雄", provinceId: "30" },
        { cityId: "372", cityName: "红河哈尼族彝族自治州", provinceId: "30" },
        { cityId: "371", cityName: "迪庆", provinceId: "30" },
        { cityId: "378", cityName: "普洱", provinceId: "30" },
        { cityId: "380", cityName: "西双版纳傣族自治州", provinceId: "30" },
        { cityId: "381", cityName: "玉溪", provinceId: "30" },
        { cityId: "371", cityName: "迪庆藏族自治州", provinceId: "30" },
        { cityId: "369", cityName: "大理白族自治州", provinceId: "30" },
        { cityId: "379", cityName: "文山", provinceId: "30" },
        { cityId: "382", cityName: "昭通", provinceId: "30" },
        { cityId: "368", cityName: "楚雄彝族自治州", provinceId: "30" },
        { cityId: "370", cityName: "德宏傣族景颇族自治州", provinceId: "30" },
        { cityId: "31", cityName: "浙江", provinceId: "31" },
        { cityId: "383", cityName: "杭州", provinceId: "31" },
        { cityId: "388", cityName: "宁波", provinceId: "31" },
        { cityId: "386", cityName: "金华", provinceId: "31" },
        { cityId: "391", cityName: "温州", provinceId: "31" },
        { cityId: "384", cityName: "湖州", provinceId: "31" },
        { cityId: "389", cityName: "绍兴", provinceId: "31" },
        { cityId: "390", cityName: "台州", provinceId: "31" },
        { cityId: "387", cityName: "丽水", provinceId: "31" },
        { cityId: "392", cityName: "舟山", provinceId: "31" },
        { cityId: "385", cityName: "嘉兴", provinceId: "31" },
        { cityId: "393", cityName: "衢州", provinceId: "31" },
        { cityId: "33", cityName: "香港", provinceId: "33" },
        { cityId: "32", cityName: "重庆", provinceId: "32" },
        { cityId: "394", cityName: "重庆", provinceId: "32" },
        { cityId: "12", cityName: "黑龙江", provinceId: "12" },
        { cityId: "170", cityName: "哈尔滨", provinceId: "12" },
        { cityId: "177", cityName: "齐齐哈尔", provinceId: "12" },
        { cityId: "168", cityName: "大庆", provinceId: "12" },
        { cityId: "175", cityName: "牡丹江", provinceId: "12" },
        { cityId: "180", cityName: "伊春", provinceId: "12" },
        { cityId: "173", cityName: "鸡西", provinceId: "12" },
        { cityId: "174", cityName: "佳木斯", provinceId: "12" },
        { cityId: "179", cityName: "绥化", provinceId: "12" },
        { cityId: "169", cityName: "大兴安岭", provinceId: "12" },
        { cityId: "171", cityName: "鹤岗", provinceId: "12" },
        { cityId: "172", cityName: "黑河", provinceId: "12" },
        { cityId: "19", cityName: "内蒙古", provinceId: "19" },
        { cityId: "264", cityName: "呼和浩特", provinceId: "19" },
        { cityId: "263", cityName: "鄂尔多斯", provinceId: "19" },
        { cityId: "261", cityName: "包头", provinceId: "19" },
        { cityId: "265", cityName: "呼伦贝尔", provinceId: "19" },
        { cityId: "262", cityName: "赤峰", provinceId: "19" },
        { cityId: "270", cityName: "兴安盟", provinceId: "19" },
        { cityId: "269", cityName: "锡林郭勒盟", provinceId: "19" },
        { cityId: "268", cityName: "乌兰察布市", provinceId: "19" },
        { cityId: "260", cityName: "巴彦淖尔市", provinceId: "19" },
        { cityId: "259", cityName: "阿拉善盟", provinceId: "19" },
        { cityId: "266", cityName: "通辽", provinceId: "19" },
        { cityId: "267", cityName: "乌海", provinceId: "19" },
        { cityId: "34", cityName: "澳门", provinceId: "34" },
        { cityId: "35", cityName: "台湾", provinceId: "35" }
      ],
      spots: [],
      count: 0,
      spotList: [],
      provinceList: [],
      cityId: 0,
      provinceId: 0
    };
  },
  created() {
   
  },
  methods: {
    selectProvince(item) {
      window.console.log(JSON.stringify(item));
      this.provinceId = item.proVinceId;
      let p = item.proVinceId;
      this.$axios
        .get(
          "/api/lifeservice/travel/scenery?pid=" +
            p +
            "&cid=&key=" +
            this.$store.state.commons.keyid
        )
        .then(res => {
          let data = res.data;
          this.spots = data.result;
          this.$axios.post("/api2/spot/insert",this.spots)
          // window.console.log('spots',this.spots);
          // this.$nextTick()
        });
    },    
    spot(i) {
      window.console.log(JSON.stringify(i));
      this.cityId = i.cityId;
    }
  },
  mounted() {
    this.list.forEach(row => {
      if (!this.spotList[row.provinceId]) {
        this.spotList[row.provinceId] = [];
        this.provinceList.push({
          name: row.cityName,
          proVinceId: row.provinceId
        });
        if (row.provinceId == 34 || row.provinceId == 35) {
          this.spotList[row.provinceId].push(row);
        }
      } else {
        this.spotList[row.provinceId].push(row);
      }
    });
     this.selectProvince(this.provinceList[2])  
  }
};
</script>
<style lang="less" scoped>
.clearfix {
  clear: both;
}
.page {
  .header {
    height: 500px;
    background: url(../../assets/CoUBGV28HDuALpzxABR490kDN0M39.jpeg) center;
  }
  .spots {
    padding: 10px;
    width: 1200px;
    margin: 0 auto;
  }
  .select {
    width: 1200px;
    min-height: 150px;
    margin: 0 auto;
    h3 {
      font-size: 25px;
      text-align: center;
    }
    .provinces {
      background: rgb(237, 252, 247);
      .p {
        float: left;
        padding: 4px 20px;
        &:hover {
          cursor: pointer;
          text-decoration: underline;
        }
      }
    }
    .row {
      padding: 20px 25px;
      background: lightblue;
      // min-height: 75px;
      .i {
        float: left;
        padding: 4px 20px;
        &:hover {
          cursor: pointer;
          text-decoration: underline;
        }
      }
    }
  }
}
</style>